<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>标签</title>
</head>

<body>

<h1>图像标签</h1>
<!-- 使用绝对路径 -->
<img src="E:\FTP\html\img\01\cup.gif"><!-- 使用绝对路径 -->
<!-- 图片和文件在同一个目录下 -->
<img src = "sun1.jpg">  <!-- 相对路径，图片和文件在同一个目录下 -->
<br/>
<!-- 图片在文件所在位置的子目录中 -->
<img src = "subfolder/sun.jpg">
<!-- 图片在文件所在位置的上一级目录中 -->
<img src = "../cup.gif">

<br/>
<!-- 图片在文件所在位置的上一级目录的子目录中 -->
<img src = "../img/h1.jpg">

<br/>
<img src = "E:\FTP\html\img\01.cup.gif" alt = "哈哈哈">

<br/>
<img src = "../img/h1.jpg" alt = "哈哈哈" width = "50%" height="100px">
<br/>
<img src = "../cup.gif" id="茶杯图片">

<h1 style="color:red">这是一个标题</h1>
<hr color="blue">

</body>

</html>